<div class="page-header no-breadcrumb font-header">北纬内容库</div>
<div class="content-wrap">
<div class="panel panel-default">

<!--panel-heading-->
<div class="panel-heading font-header">
    <a href="/library/create" class="btn btn-success btn-flat">添加内容</a>
    <a href="/library/category" class="btn btn-info btn-flat">分类信息</a>
</div>
<!--panel-heading-->

<!--panel-body-->
<div class="panel-body">
    <div class="row common-padding">
        <div class="col-sm-12">
            <div class="btn-group" role="group" aria-label="">
                <a href="#0" class="btn btn-default common-po-btn">添加分类</a>
                <a href="#" class="btn btn-default">删除选中的内容</a>
            </div>
        </div>
    </div>
</div>

<!--panel-body-->

<!--table-responsive-->
<div class="table-responsive overflow-x">
<div id="datatable_wrapper" class="dataTables_wrapper dt-bootstrap no-footer">
    <!--row-->
    <div class="row common-body common-ptop">
        <div class="col-sm-12 table-items">
            <table aria-describedby="datatable_info" class="table table-striped font-12 dataTable no-footer">
                <thead>
                <tr>
                    <th>
                        <div class="task-chk-wrap">
                            <div class="checkbox-inline">
                                <div class="custom-checkbox font-12">
                                    <input type="checkbox" class="library-chk" id="all" name="all">
                                    <label for="all">全选</label>
                                </div>
                            </div>
                        </div>
                    </th>
                    <th class="text-center">分类名</th>
                    <th class="text-center">操作</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td>
                        <div class="task-chk-wrap">
                            <div class="checkbox-inline">
                                <div class="custom-checkbox font-12">
                                    <input type="checkbox" class="library-chk" id="task2" name="task2">
                                    <label for="task2"></label>
                                </div>
                            </div>
                        </div>
                    </td>
                    <td class="text-center">Nov 1, 2015</td>
                    <td class="text-center">
                        <a href="#0" class="text-btn text-info click-po-btn">编辑</a>
                        <a href="#0" class="text-btn text-danger delete-po-btn">删除</a>
                    </td>
                </tr>
                <tr>
                    <td>
                        <div class="task-chk-wrap">
                            <div class="checkbox-inline">
                                <div class="custom-checkbox font-12">
                                    <input type="checkbox" class="library-chk" id="task3" name="task3">
                                    <label for="task3"></label>
                                </div>
                            </div>
                        </div>
                    </td>
                    <td class="text-center">Oct 31, 2015</td>
                    <td class="text-center"><a href="#" class="text-btn text-info">编辑</a>
                        <a href="#" class="text-btn text-danger">删除</a></td>
                </tr>
                <tr>
                    <td>
                        <div class="task-chk-wrap">
                            <div class="checkbox-inline">
                                <div class="custom-checkbox font-12">
                                    <input type="checkbox" class="library-chk" id="task4" name="task4">
                                    <label for="task4"></label>
                                </div>
                            </div>
                        </div>
                    </td>
                    <td class="text-center">Oct 18, 2015</td>
                    <td class="text-center"><a href="#" class="text-btn text-info">编辑</a>
                        <a href="#" class="text-btn text-danger">删除</a></td>
                </tr>
                <tr>
                    <td>
                        <div class="task-chk-wrap">
                            <div class="checkbox-inline">
                                <div class="custom-checkbox font-12">
                                    <input type="checkbox" class="library-chk" id="task5" name="task5">
                                    <label for="task5"></label>
                                </div>
                            </div>
                        </div>
                    </td>
                    <td class="text-center">Oct 18, 2015</td>
                    <td class="text-center"><a href="#" class="text-btn text-info">编辑</a>
                        <a href="#" class="text-btn text-danger">删除</a></td>
                </tr>
                <tr>
                    <td>
                        <div class="task-chk-wrap">
                            <div class="checkbox-inline">
                                <div class="custom-checkbox font-12">
                                    <input type="checkbox" class="library-chk" id="task2" name="task2">
                                    <label for="task2"></label>
                                </div>
                            </div>
                        </div>
                    </td>
                    <td class="text-center">Oct 18, 2015</td>
                    <td class="text-center"><a href="#" class="text-btn text-info">编辑</a> <a href="#"
                                                                                             class="text-btn text-danger">删除</a>
                    </td>
                </tr>
                <tr>
                    <td>
                        <div class="task-chk-wrap">
                            <div class="checkbox-inline">
                                <div class="custom-checkbox font-12">
                                    <input type="checkbox" class="library-chk" id="task2" name="task2">
                                    <label for="task2"></label>
                                </div>
                            </div>
                        </div>
                    </td>
                    <td class="text-center">Jul 02, 2015</td>
                    <td class="text-center"><a href="#" class="text-btn text-info">编辑</a> <a href="#"
                                                                                             class="text-btn text-danger">删除</a>
                    </td>
                </tr>


                </tbody>
            </table>
        </div>
    </div>
    <!--row-->


    <!--row-->
    <div class="row">
        <div class="col-sm-7">
            <div class="dataTables_paginate paging_simple_numbers" id="datatable_paginate">
                <ul class="pagination">
                    <li class="paginate_button previous disabled" id="datatable_previous"><a href="#"
                                                                                             aria-controls="datatable"
                                                                                             data-dt-idx="0"
                                                                                             tabindex="0">上一页</a>
                    </li>
                    <li class="paginate_button active"><a href="#" aria-controls="datatable"
                                                          data-dt-idx="1" tabindex="0">1</a></li>
                    <li class="paginate_button "><a href="#" aria-controls="datatable" data-dt-idx="2"
                                                    tabindex="0">2</a></li>
                    <li class="paginate_button next" id="datatable_next"><a href="#"
                                                                            aria-controls="datatable"
                                                                            data-dt-idx="3"
                                                                            tabindex="0">下一页</a></li>
                </ul>
            </div>
        </div>
    </div>
    <!--row-->
</div>
</div>
<!--table-responsive-->

</div>
</div>



<div class="cd-popup common-alert" role="alert">
    <div class="cd-popup-container co-width">
        <div class="panel panel-orange no-bordered">
            <div class="panel-heading">
                <div class="title"><h3 class="alert-title">添加分类</h3></div>
            </div>
            <div class="panel-body alertshort co-padding-a">
                <div class="form-group row ">
                    <label class="col-sm-3 control-label commonlabel">分类名称</label>
                    <div class="col-sm-9">
                        <input type="text" placeholder="分类名称" class="form-control"/>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-9 col-sm-offset-3 text-left">
                        <button class="btn btn-primary btn-flat" type="submit">添加</button>
                    </div>
                </div>
                <!--row end-->
            </div>
        </div>
        <a href="#" class="cd-popup-close fa fa-2x fa-plus-circle text-white"></a>
    </div> <!-- cd-popup-container -->
</div>


<div class="cd-popup click-alert" role="alert">
    <div class="cd-popup-container co-width">
        <div class="panel panel-orange no-bordered">
            <div class="panel-heading">
                <div class="title"><h3 class="alert-title">编辑分类</h3></div>
            </div>
            <div class="panel-body alertshort co-padding-a">
                <div class="form-group row ">
                    <label class="col-sm-3 control-label commonlabel">分类名称</label>
                    <div class="col-sm-9">
                        <input type="text" placeholder="分类1" class="form-control"/>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-9 col-sm-offset-3 text-left">
                        <button class="btn btn-primary btn-flat" type="submit">保存</button>
                    </div>
                </div>
                <!--row end-->
            </div>
        </div>
        <a href="#" class="cd-popup-close fa fa-2x fa-plus-circle text-white"></a>
    </div> <!-- cd-popup-container -->
</div>



<div class="cd-popup delete-alert" role="alert">
    <div class="cd-popup-container co-width">
        <div class="panel panel-orange no-bordered">
            <div class="panel-heading">
                <div class="title"><h3 class="alert-title">删除分类</h3></div>
            </div>
            <div class="panel-body alertshort co-padding-a">
                <div class="form-group row ">
                    <div class="col-sm-12">
                        删除分类会一同删除该分类下的所有文章，是否继续？
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-6 text-right">
                        <a class="btn btn-gray btn-flat">不删除 </a>
                    </div>
                    <div class="col-sm-6 text-left">
                        <a class="btn btn-success btn-flat">继续删除</a>
                    </div>
                </div>
                <!--row end-->
            </div>
        </div>
        <a href="#" class="cd-popup-close fa fa-2x fa-plus-circle text-white"></a>
    </div> <!-- cd-popup-container -->
</div>